<template>
  <div>
      <el-breadcrumb separator="/" style="height:10px;">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>系统管理</el-breadcrumb-item>
        <el-breadcrumb-item>结转管理</el-breadcrumb-item>
      </el-breadcrumb>
      <el-table
      :data="pageinfo.list"
      border
      style="width: 100%">
      <el-table-column
        prop="user.uname"
        label="客户"
        width="100">
      </el-table-column>

      <el-table-column
        prop="roomname"
        label="消费项目(客房预订)"
        width="150">
      </el-table-column>

      <el-table-column
        prop=""
        label="消费项目(附加消费)"
        width="150">
      </el-table-column>

      <!-- <el-table-column label="性别" width="180">
        <template slot-scope="scope">
          {{scope.row.gender == 0 ? '男':'女'}}
        </template>
      </el-table-column> -->
      <el-table-column
        prop="shoumoney"
        label="消费金额"
        width="180">
      </el-table-column>

      <el-table-column label="状态" width="120">
        <template slot-scope="scope">
          {{scope.row.state == 2 ? '结账':'未结账'}}
        </template>
      </el-table-column>

      <!-- <el-table-column label="管理操作">
        <template slot-scope="scope">
          <el-button
            size="mini"
            type="info"
            @click="changeroom(scope.row)">更换房间</el-button>
        </template>
        </el-table-column> -->
    </el-table>
  </div>
</template>

<script>
import {findAllGuestWTGSH} from '../../api'
export default {
  data() {
    return {
      pageinfo : {},
      guestVo : {
        pageNum : 1,
        pageSize : 5
      }
    }
  },
  created() {
    this.findAll()
  },
  methods: {
    async findAll(){
      let {data:baseRefault} = await findAllGuestWTGSH(this.guestVo)
      this.pageinfo = baseRefault.data
    }
  },
}
</script>

<style>

</style>